<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 如果想要设置所有按钮具有相同的外观，我们可以将 !important 规则添加到按钮的样式属性中，如下所示： */
        .button {
            background-color: #8c8c8c !important;
            color: white !important;
            padding: 5px !important;
            border: 1px solid black !important;
        }

        #myDiv a {
            color: red;
            background-color: yellow;
        }
    </style>
</head>

<body>

    <p>标准按钮: <a class="button" href="/css/">CSS 教程</a></p>

    <div id="myDiv">
        <p>div 中的一个链接: <a href="/html/">HTML 教程</a></p>
        <p>div 中的链接按钮: <a href="/html/" class="button">HTML 教程</a></p>
    </div>

</body>

</html>